<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>加入购物车</title>
    <link rel="shortcut icon" type="image/x-icon" th:href= "@{/static/img/timg.jpg}">
    <link th:href="@{../../static/css/likeFooter.css}" rel="stylesheet">
    <link rel="stylesheet" th:href="@{/static/css/TandC.css}">
    <link rel="stylesheet" href="../../static/css/shoppingCart.css">
</head>
<body>
<!--顶部+搜索+侧边-->
<div th:include="like/likeHead :: common"></div>
<!--标题栏-->
<div class="c-head-last"></div>
<!--中间的主要部分-->
<div>
<!--    加入购物车的商品-->
    <div class="s-cart">
        <div class="s-cart-inner">
            <div class="cart-inner-left">
                <div class="left-success">
                    <span><img src="../../static/img/dui.png"></span>
                    <h3>商品已成功加入购物车！</h3>
                </div>
                <div>
                    <div class="s-left-img"><a href="###"><img th:src="@{'../../static/img/'+${date.photoUrl}}"></a></div>
                    <div class="s-left-word">
                        <div class="s-word-top"><a th:href="@{'localhost:8080/goods/selectOneGood?goodId='+${date.getId()}}" th:text="${date.getGoodsName()}"></a></div>
                        <div class="c-word-bot">颜色：图片色</div>
                    </div>
                </div>
            </div>
            <div class="cart-inner-right">
                <div class="c-right-div">
                    <a th:href="'/goods/selectOneGood?goodId='+${date.getId()}">查看商品详情</a>
                    <a th:href="@{/user/shoppingTrolley}">去购物车结算</a>
                </div>
            </div>
        </div>

    </div>
<!--    推荐商品-->
    <div class="s-recommend">
<!--        第一个轮播图-->
        <div class="s-recommend-h3">
            <h3>购买了该商品的用户还购买了</h3>
        </div>
        <div class="s-recommend-goods">
            <div class="s-goods-big">
               <ul>
                   <li th:each="likeRealDate:${likeDate}">
                       <div class="s-big-Fdiv">
                       <a th:href="@{'/goods/selectOneGood?goodId='+${likeRealDate.getId()}}"><img th:src="@{'/static/img/'+${likeRealDate.getPhotoName()}}"></a>
                       </div>
                       <div class="s-big-Sdiv">
                           <div class="s-Sdiv">
                               <a th:href="@{'/goods/selectOneGood?goodId='+${likeRealDate.getId()}}" th:text="${likeRealDate.getName()}"></a>
                           </div>
                           <div class="s-money" th:text="'￥'+${likeRealDate.getPrice()}"></div>
                           <div class="s-shopping"><a href="###">
                               <img src="../../static/img/shopping.png">
                               加入购物车
                           </a></div>
                       </div>
                   </li>
               </ul>
            </div>

        </div>
        <div class="s-panel">
            <ul>
                <li class="s-panel-li01">1</li>
                <li class="s-panel-li02">2</li>
            </ul>
        </div>

    </div>
</div>
<!--底部-->
<div th:replace="/like/likeFooter::foot"></div>
<!--返回顶部-->
<div th:replace="/like/return-top::top"></div>
</body>
<script th:src="@{/static/js/jquery-3.3.1.min.js}"></script>
<script th:src="@{../../static/js/likeFooter.js}" type="text/javascript"></script>
<script src="../../static/js/shoppingCart.js"></script>
<script th:src="@{/static/js/index.js}"></script>
</html>
